.el-button+.el-button{
  margin-left: 6px;
}
.el-button:hover, .el-button:focus{
  color: $--color-primary;
  border-color: $--color-primary;
  background-color: transparent;
}
.el-button--primary:hover, .el-button--primary:focus{
  background: $--color-primary;
  border-color: $--color-primary;
  color: #fff;
  box-shadow: 0 5px 8px rgba(0,122,255,0.5);
}
.el-button--primary.is-active,
.el-button--primary:active {
  background: $--color-primary;
  border-color: $--color-primary;
}
.el-button--success:hover, .el-button--success:focus{
  background: $--color-success;
  border-color: $--color-success;
  color: #fff;
  box-shadow: 0 5px 8px rgba(46,204,113,0.5);
}
.el-button--info:hover, .el-button--info:focus{
  background: $--color-info;
  border-color: $--color-info;
  color: #fff;
  box-shadow: 0 5px 8px rgba(119,131,143,0.5);
}
.el-button--warning:hover, .el-button--warning:focus{
  background: $--color-warning;
  border-color: $--color-warning;
  color: #fff;
  box-shadow: 0 5px 8px rgba(255,160,84,0.5);
}
.el-button--danger:hover, .el-button--danger:focus{
  background: $--color-danger;
  border-color: $--color-danger;
  color: #fff;
  box-shadow: 0 5px 8px rgba(255,51,52,0.5);
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active{
  box-shadow: none;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active{
  box-shadow: none;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active{
  box-shadow: none;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active{
  box-shadow: none;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active{
  box-shadow: none;
}

.el-button--mini {
  padding: 8px 10px !important;
}
.el-button--primary{
  padding: 9px 10px !important;
}

// button line
.gc-btn-line{
  border-radius: 2px;
  border-color: $--color-info;
  &:hover{
    background-color: $--color-info;
    border-color: $--color-info;
    color: #fff;
  }
}
.gc-btn-line--primary{
  border-radius: 2px;
  border-color: $--color-primary;
  color: $--color-primary;
  &:hover{
    background-color: $--color-primary;
    color: #fff;
  }
}
.gc-btn-line--success{
  border-radius: 2px;
  border-color: $--color-success;
  color: $--color-success;
  &:hover{
    background-color: $--color-success;
    color: #fff;
    border-color: $--color-success;
  }
}
.gc-btn-line--warning{
  border-radius: 2px;
  border-color: $--color-warning;
  color: $--color-warning;
  &:hover{
    background-color: $--color-warning;
    color: #fff;
    border-color: $--color-warning;
  }
}
.gc-btn-line--danger{
  border-radius: 2px;
  border-color: $--color-danger;
  color: $--color-danger;
  &:hover{
    background-color: $--color-danger;
    color: #fff;
    border-color: $--color-danger;
  }
}

